<script setup lang="ts">
import { ref } from "vue";

const mapData = ref({
    markers: {},
    longitude: [],
    latitude: []
})

</script>


<template>
    <view class="map_container">
        <map class="map" id="map" style="width: 100%; height: 300px;" :longitude="mapData.longitude"
            :latitude="mapData.latitude" scale="14" :show-location="true"></map>
    </view>
</template>

<style>
.map_container {
    height: 420px;
    width: 100%;
}

.map {
    height: 100%;
    width: 100%;
}

.rgc_info {
    padding: 5px;
}

.rgc_info {
    display: block;
}
</style>